<!doctype html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes">
  <title>OpenAPI</title>
  <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,600&display=swap" rel="stylesheet">
  <link rel="stylesheet" href="//cdn.jsdelivr.net/gh/highlightjs/cdn-release@9.18.1/build/styles/default.min.css">
  <script src="//cdn.jsdelivr.net/gh/highlightjs/cdn-release@9.18.1/build/highlight.min.js"></script>
</head>

<body>
  <!-- 
    Some sample spec to try
    https://api.apis.guru/v2/specs/stripe.com/2019-02-19/swagger.json 
    https://api.apis.guru/v2/specs/github.com/v3/swagger.json
    https://api.apis.guru/v2/specs/bitbucket.org/2.0/swagger.json
    https://petstore.swagger.io/v2/swagger.json
    https://assets.zuora.com/zuora-documentation/swagger.yaml <<< Large spec with lot of markdown
    ./specs/petstore_anyof.yaml <<< contains complex one-of with inline primitives and recursive objects
    ./specs/oneof1.yaml  <<< nested oneof
-->

<!--
  <rapi-doc 
    id = "thedoc" 
    spec-url = "https://petstore.swagger.io/v2/swagger.json" 
    theme = "light"
    render-style = "read"
    schema-style = 'tree'
    sort-endpoints-by = "method"
    response-area-height = "900px"
  > </rapi-doc>
-->

<!--     
  nav-bg-image = "https://i.pinimg.com/564x/a9/df/68/a9df68a2d651daee11599e998df393cb.jpg"
-->
  <rapi-doc 
    id = "thedoc" 
    spec-url="/v3/api-docs"
    show-header = "true"
    heading-text = "OpenAPI"
    theme = "dark"
    allow-try = "true"
    show-info = "true"
    allow-authentication = "false"
    allow-server-selection = "false"
    allow-api-list-style-selection = "false"
    regular-font = 'Microsoft YaHei'
    schema-style = 'table'
    render-style = 'focused'
    default-schema-tab = "model"
    use-path-in-nav-bar = "summary"
    endpoint-body-layout = "column"
    nav-item-spacing = "compact"
    allow-spec-file-load = "false"
    allow-search = "false"
  >


</rapi-doc>
<!-- 
  <rapi-doc id = "thedoc" ></rapi-doc>
  <script>
    document.addEventListener('DOMContentLoaded', (event) => {
      let docEl = document.getElementById("thedoc");
      let strSpec = `
      {
        "swagger": "2.0",
        "info": {
          "description": "Sample to test"
        },
        "paths": {
          "/pets": {
            "get": {
              "description": "Returns all pets from the system that the user has access to",
              "produces": [ "application/json"],
              "responses": {
                "200": {
                  "description": "A list of pets.",
                  "schema": {
                    "type": "array",
                    "items": {
                      "$ref": "#/definitions/Pet"
                    }
                  }
                }
              }
            }
          }
        },
        "definitions": {
          "Pet": {
            "type": "object",
            "required": [
              "id",
              "name"
            ],
            "properties": {
              "id": {
                "type": "integer",
                "format": "int64"
              },
              "name": {
                "type": "string"
              },
              "tag": {
                "type": "string"
              }
            }
          }
        }
      }  
      `;
      let objSpec = JSON.parse(strSpec);
      docEl.loadSpec(objSpec);
    })
  </script>
-->
</body>

</html>